<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>Issues Form
        </title>

        <!--link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" /-->
        <link rel="stylesheet" type="text/css" href="jquery.mobile.fmtd.css" />
        <!--link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" /-->
        <link rel="stylesheet" type="text/css" href="jqm-datebox.fmtd.css" />  
        <link rel="stylesheet" href="issues.css" />
        
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
        <script type="text/javascript" src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
        <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"></script>
        <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.calbox.min.js"></script>       
		<script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.en_US.utf8.js"></script>
        <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.en_US.utf8.js"></script>


    </head>
    <body>
        <!-- Home -->
            <form id="issues" action="index.php" method="post">
            <div data-role="page" id="page1" style="position: relative;">
            <div data-role="content" id="logo">
			<img src="../images/ozcretelogo.png" />			
            <div id="addr">
                <strong>Ozcrete Pools Pty Ltd</strong><br />
                ABN: 74984824030 <br />
                BSA: 1100119<br />
                Ph: 07 55466443<br />
                Mob: 0418756170<br />
                Email: info@ozcrete.com.au<br />
                48 Conebush Circuit<br />
                Ormeu  QLD 4820
			</div><!-- #addr -->
            </div><!-- logo end -->
            
            <div data-role="content" style="padding: 15px">
                <h2>
                    Issues Form
                </h2>
                

                <div data-role="fieldcontain" class=" ui-body ui-br">
                    <label for="mydate" >Date</label>
                	<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox"}' value="<?php echo date('m/d/Y');?>" placeholder="Start Date"/><br /><br />
                    <label for="createdby" >Created By</label>
                	<input name="createdby" id="createdby" type="text" placeholder="Created By"/>
                </div>
                <table width="99%" border="1" cellpadding="0" cellspacing="0" align="center">
                <thead>
                	<tr>
                		<th scope="col">ID</th><th scope="col"> Project</th><th scope="col"> Description </th><th scope="col">Notes </th><th scope="col">Status</th> <th scope="col">Last Updated</th><th scope="col"> Assigned To</th>
                    
	                </tr>
                 </thead>
                 <tbody>
                    <tr>
                        <td><input name="ihid" id="ihid" type="number" /></td>
                        <td><input name="ihproj" id="ihproj" type="text" /> </td>
                        <td><textarea name="ihdesc" id="ihdesc" ></textarea> </td>
                        <td><textarea name="ihnotes" id="ihnotes" ></textarea> </td>
                        <td><input name="ihstatus" id="ihstatus" type="text" /></td>
                        <td><input name="ihupdate" id="ihupdate" type="date" data-role="datebox" data-options='{"mode": "calbox"}'/></td>
                        <td><input name="ihassign" id="ihassign" type="text" /> </td>
                    </tr>
                  </tbody>
                </table>
                <!-- jquerymobile table -->
						
                <table summary="This table list issues assigned to individuals" width="99%" style"font-size: 11px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif" border="1" cellpadding="0" cellspacing="0">
                  <caption>Issues Notes</caption>
                  <thead>
                    <tr>
                      <th scope="col" width="15%">Date:</th>  
                      <th scope="col" width="40%">Notes:</th>  
                      <th scope="col" width="15%">Next Action:</th>  
                      <th scope="col" width="15%">Assigned To:</th>  
                      <th scope="col" width="15%">To be done by:</th>  
                    </tr>
                  </thead>
                  <tfoot>
                    <tr>
                      <td colspan="5"></td>
                    </tr>
                  </tfoot>
                  <tbody>
                  <tr>
                     <td> <input  type="date" name="idate[]" id="idate" class="idate" size="4" data-role="datebox" data-options='{"mode": "calbox"}'/></td>
                     <td><textarea name="inotes" ></textarea></td>                     
                     <td><input  type="text" name="iaction[]" id="iaction1" class="iaction1"   size="4" /></td>
                     <td><input  type="text" name="assign[]" id="iassign1" class="iassign1"   size="4" /></td>
                     <td><input  type="date" name="idoneby[]" id="idoneby1" class="idoneby1"   size="4" data-role="datebox" data-options='{"mode": "calbox"}'/></td>
                  </tr>
                  <tr>
                     <td> <input  type="date" name="idate[]" id="idate" class="idate"   size="4" data-role="datebox" data-options='{"mode": "calbox"}'/></td>
                     <td><textarea name="inotes" ></textarea></td>                     
                     <td><input  type="text" name="iaction[]" id="iaction2" class="iaction2"   size="4" /></td>
                     <td><input  type="text" name="assign[]" id="iassign2" class="iassign2"   size="4" /></td>
                     <td><input  type="date" name="idoneby[]" id="idoneby2" class="idoneby2"   size="4" data-role="datebox" data-options='{"mode": "calbox"}'/></td>
                  </tr>
                  <tr>
                     <td> <input  type="date" name="idate[]" id="idate" class="idate"   size="4" data-role="datebox" data-options='{"mode": "calbox"}'/></td>
                     <td><textarea name="inotes" ></textarea></td>                     
                     <td><input  type="text" name="iaction[]" id="iaction3" class="iaction3"   size="4" /></td>
                     <td><input  type="text" name="assign[]" id="iassign" class="iassign"   size="4" /></td>
                     <td><input  type="date" name="idoneby[]" id="idoneby" class="idoneby"   size="4" data-role="datebox" data-options='{"mode": "calbox"}'/></td>
                  </tr>
                 
                  </tbody>
                </table>
                <br />
 			<div style="float: right;margin-right: 10px;"><a href="index.html" data-role="button" data-icon="check" style="width: 100px;margin:0 auto;">Save</a></div>
            </div><!-- content -->
        
        </div><!-- page -->
        
        </form>

    </body>
</html>